<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>延迟&周期函数</title>
		<script>
			/* 使用var定义的变量和function定义的方法都是属于
				window的成员 */
			var a = 1
			function fun() {
				console.log(123)
			}
			console.log(window.a)
			window.fun()
			// 延迟执行，是一个异步操作
			// 第一个部分是执行的函数
			// 第二个参数的延迟的毫秒数
			var timeOut1 = setTimeout(function(){
				window.close()
			}, 5000)
			console.log("这里需要等待5秒钟出来吗")
			clearTimeout(timeOut1) // 取消计划
		</script>
	</head>
	<body>
		<p>60</p>
		<script>
			// 周期执行，60秒倒计时
			// 定义一个数字初始为60
			// 每个一秒钟减1，并覆盖p标签的文本
			var p = document.getElementsByTagName('p')[0]
			var time = 60
			var jihua = setInterval(function() {
				time --
				// 设置一个下限
				if (time < 1) {
					// 取消周期计划
					clearInterval(jihua)
				}
				p.innerText = time
			}, 1000)
		</script>
	</body>
</html>